.uppy-Root {
  font-family: $font-family-base !important;
  font-size: $font-size-base !important;
  color: $body-color !important;
  line-height: $line-height-base !important;
}

.uppy-Dashboard-inner {
  background-color: $light;
  border-color: $border-color;
}

.uppy-Dashboard-innerWrap, .uppy-Dashboard-inner, .uppy-Dashboard-AddFiles {
  border-radius: $border-radius-lg !important;
}

.uppy-Dashboard-Item-previewInnerWrap {
  background-color: transparent !important;
  border-radius: $border-radius-lg !important;
  box-shadow: none !important;
}

.uppy-Dashboard--modal .uppy-Dashboard-overlay {
  background-color: $modal-backdrop-bg !important;
  opacity: $modal-backdrop-opacity !important;
}

.uppy-Dashboard--modal .uppy-Dashboard-inner {
  box-shadow: $modal-content-box-shadow-xs !important;
  border-color: $modal-content-border-color !important;
}

.uppy-Dashboard-browse, .uppy-DashboardContent-back {
  @extend .btn;
  @extend .btn-light;
}
.uppy-Dashboard-browse {
  @extend .ml-2;
}
.uppy-DashboardContent-save {
  @extend .btn;
  @extend .btn-primary;
}

.uppy-Dashboard-close {
  @extend .btn-close;
  background-color: $white !important;

  span {
    display: none;
  }
}

.uppy-StatusBar-actionBtn {
  @extend .btn;
  @extend .btn-sm;
  @extend .btn-light;
}

.uppy-StatusBar.is-complete .uppy-StatusBar-progress {
  background-color: theme-color('blue') !important;
}

.uppy-Dashboard-AddFiles-title {
  font-weight: $font-weight-base !important;
  font-size: $font-size-base !important;
}

.uppy-size--md .uppy-DashboardContent-bar {
  height: 56px !important;
}
.uppy-size--md .uppy-DashboardContent-title {
  line-height: 56px !important;
}